;(function(){
  console.log(document.body.clientHeight)
  var height = document.body.clientHeight + 'px'
  $('.left-container').height(height)
  $('.right-container').height(height)
  $('#menu-tree').on('click','div',function(e){
    e.preventDefault
    if ($(this).next().hasClass('view-box')){
      $(this).next().removeClass('view-box')
      $(this).next().slideUp(300)

      $(this).removeClass('click-box')
    } else {
      $(this).next().slideDown(300)
      $(this).next().addClass('view-box')

      $(this).addClass('click-box')
    }
    $(this).parent().siblings().find('ul').removeClass('view-box')
    $(this).parent().siblings().find('div').removeClass('click-box')
    $(this).parent().siblings().find('ul').slideUp(300)
  })

  $('#menu-tree').on('click','ul li',function(e){
    e.preventDefault
    if (!$(this).hasClass('view-box')){
      $(this).addClass('active')
      $(this).siblings().removeClass('active')
      $(this).parent().parent().siblings().find('li').removeClass('active')
    }
  })
})();